<!DOCTYPE html>
<title>Test picture-in-picture display mode</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<body>
<script>
async_test((t) => {
  test_driver.bless('request PiP window').then(t.step_func(_ => {
    documentPictureInPicture.requestWindow().then(t.step_func_done(async (pipWindow) => {
      await new Promise(requestAnimationFrame);
      assert_true(pipWindow.matchMedia('(display-mode: picture-in-picture)'.matches));
    }));
  }));
});
</script>
</body>
